.MainLayout {
  display: grid;
  grid-template-areas: 'sidebar content rightbar';
  grid-template-columns: min-content 1fr 100px;
  min-height: 100vh;
}

.sidebar {
  grid-area: sidebar;
  max-width: 284px;
  padding: 32px;
}

.content {
  grid-area: content;
  justify-self: center;

  width: 100%;
  max-width: 1200px;
  padding: 32px;
}

.rightbar {
  display: flex;
  grid-area: rightbar;
  flex-direction: column;
  align-items: flex-end;
}

.rightbar,
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
}

.toolbar {
  width: 100%;
  height: 100%;
}
